.book-big {
    display: flex;
    flex-direction: column;
}

.book-big .description-big {
    display: flex;
    margin-bottom: 1em;
    color: #4c4c4c;
}

.book-big img {
    border-radius: 5px;
    margin-right: 5em;
}

.book-big div[data-input-to-change-book] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.book-big div[data-input-to-change-book="description"] {
    align-items: flex-start;
}

.book-big .title-big span[data-title-of-book="true"] {
    display: flex;
    align-items: center;
}

.book-big .button-to-change-something-in-book {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 0.1em 0.5em;
    border: 1px solid #e7e7e7;
    height: 1.1em;
    display: flex;
    align-items: center;
}

.book-big .button-to-change-something-in-book:hover {
    cursor: pointer;
}

.book-big .change-author-of-book {
    position: relative;
}

.list-of-authors-window {
    position: absolute;
    border: 1px solid #e7e7e7;
    background: white;
    border-radius: 5px;
    max-height: 10em;
    display: flex;
    flex-direction: column;
    padding: .5em 0;
    max-height: 10em;
    overflow: auto;
}

.list-of-authors-window span[data-author-from-list] {
    white-space: pre;
    padding: 0.5em .9em;
}

.list-of-authors-window span[data-author-from-list]:hover {
    background-color: #f1f1f1;
}

.list-of-authors-window::-webkit-scrollbar {
    width: 0.7em;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.list-of-authors-window::-webkit-scrollbar-thumb {
    border-radius: 1em;
    border: 2px solid #6c6c6c;
    background: white;
}

.book-big .button-to-change-something-in-book i {
    font-size: .6em;
}

.book-big .title-big form[name="change-title-of-book-form"] {
    margin-left: .5em;
    display: flex;
}

.book-big .title-big form[name="change-title-of-book-form"] input {
    outline: none;
    color: #4c4c4c;
    border: none;
    background: white;
    font-size: .9em;
    padding: .2em;
    margin-right: .2em;
}

.book-big .title-big form[name="change-title-of-book-form"] i {
    font-size: .5em;
}

.book-big .title-big form[name="change-title-of-book-form"] span[data-change-title-of-book-button] {
    background: white;
    border: 1px solid #e7e7e7;
    padding: 0 0.3em;
    border-radius: 5px;
    cursor: pointer;
}

.book-big .title-big form[name="change-title-of-book-form"] span[data-change-title-of-book-button-close] {
    padding: 0 0.4em;
    margin-left: 0.1em;
}

.book-big form[name="change-description-of-book-form"] {
    position: relative;
}

div[data-change-description-of-book-button-actions] {
    position: absolute;
    top: -1em;
    right: -0.9em;
}

div[data-change-description-of-book-button-actions] span {
    border: 1px solid #e7e7e7;
    font-size: .8em;
    padding: .1em .7em;
    margin-left: 0.2em;
    border-radius: 5px;
    background: white;
}

div[data-change-description-of-book-button-actions] span[data-change-description-of-book-button-ok] {
    padding: .1em .1em .1em .6em;
}

div[data-change-description-of-book-button-actions] span[data-change-description-of-book-button-ok]:hover {
    cursor: pointer;
}

div[data-change-description-of-book-button-actions] span[data-change-description-of-book-button-close]:hover {
    cursor: pointer;
}

.book-big form[name="change-description-of-book-form"] textarea {
    min-width: 25em;
    min-height: 15em;
    max-width: 25em;
    max-height: 15em;
    background: white;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: 1em;
    padding: 0.5em;
    margin-top: .7em;
    white-space: break-spaces;
    padding-right: 1em;
    outline: none;
    color: #4c4c4c;
}

.book-big form[name="change-description-of-book-form"] textarea::-webkit-scrollbar {
    width: 0.7em;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
}

.book-big form[name="change-description-of-book-form"] textarea::-webkit-scrollbar-thumb {
    border-radius: 1em;
    border: 2px solid #6c6c6c;
    background: white;
}

.book-big .content-big {
    width: 100%;
}

.book-big .block-characteristic {
    font-size: 1.2em;
    padding: .8em .5em;
    display: flex;
    align-items: center;
    border-radius: 5px;
}

.book-big .block-characteristic:not(.description-big) {
    height: 1.1em;
}

.book-big .block-characteristic:hover {
    background-color: #f1f1f1;
}

.book-big .block-characteristic:nth-child(even) {
}

.book-big .read {
    text-decoration: none;
    color: #4c4c4c;
}

.book-big .block-characteristic .description-big {
}

.book-big .description-big p {
    width: 90%;
}

.action-button {
    padding: 0.5em;
    background: white;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    font-size: 1.1em;
    color: #4c4c4c;
    font-size: 1.1em;
    margin-right: .4em;
    cursor: pointer;
    position: relative;
}

.action-button:hover {
    box-shadow: 1px 2px 4px 0px #626262;
    transition: box-shadow .1s ease-in;
}

.action-button i[data-color] {
    color: #4c4c4c;
}

.action-button i:hover {
    cursor: pointer;
}

.additional-information-book-big {
    height: 3em;
    width: 29.8em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 0.5em;
}

.additional-information-book-big .progress {
    width: 100%;
    height: .1em;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 0.1em 0;
    border-radius: 1em;
}

.additional-information-book-big .progress .number-of-pages span {
    font-size: .8em;
    font-weight: bold;
}

.additional-information-book-big .progress .number-of-pages .percentages {
    margin-bottom: 0.5em;
    font-size: .8em;
    font-weight: bold;
}

.additional-information-book-big .progress .total {
    background-color: white;
    width: 100%;
    height: 3.5px;
    border-radius: 1em;
    margin-top: .2em;
}


.additional-information-book-big .progress .now {
    height: 3.5px;
    width: 50%;
    background-color: #4c4c4c;
    border-radius: 1em;
}


.additional-information-book-big .actions-book-big {
    display: flex;
    margin-left: 1.5em;
    margin-top: 2.5em;
}

.additional-information-book-big .actions-book-big .favorites button {
    border: none;
    background: none;
    outline: none;
}

.color-inactive-favorites {
    /* color: ; */
    color: #4c4c4c;
    /* transition: color .5s ease-out; */
}

div[data-author="true"] a {
    color: #4c4c4c;
}
